<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>个人中心</title>

        <link rel="stylesheet" type="text/css" href="/public/design/css/common.css"/>
        <link rel="stylesheet" type="text/css" href="/public/design/css/header.css"/>
        <link rel="stylesheet" type="text/css" href="/public/design/user.css"/>
    </head>

    <body>
        <div id="container">
            #{include '_nav.html'/}
            <div id="info">
                <div id="in">
                    <div class="in_top">
                        <div class="touXiang">
                            <img src="/public/design/img/geRenZhongXin/zhangsan.png"/>
                        </div>
                        <div class="shenfen">
                            ${user.nickname} <span class="zhiye">
                                ${user.profession}
                            </span>
                        </div>
                        <div class="jianjie">
                            个人简介：${user.memo}<img src="    img/dongTai/pinglun.png" />
                            <input type="text"  value="" class="xiugaijianjie"/>
                        </div>

                    </div>
                    <div class="in_bottom">
                        <table border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td>获得赞同</td>
                                <td>被收藏</td>
                                <td>被分享</td>
                                <td>关注的人</td>
                                <td>被关注</td>
                            </tr>
                            <tr>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                                <td class="counts">25</td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="btn">
                    关注
                </div>
                <div class="btn">
                    修改
                </div>
            </div>

            <!--页脚部分-->
            <footer id="foot">
                <ul>
                    <li><a href="#">橡木匣子指南</a></li>
                    <li><a href="#">橡木匣子协议</a></li>
                    <li><a href="#">友情链接</a></li>
                    <li><a href="#">人才招聘</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><span id="banquan">©</span>杭州墨客科技有限公司</li>
                </ul>
            </footer>
        </div>
        <script src="/public/design/js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
        <script src="/public/javascripts/nicEdit.js" type="text/javascript" charset="utf-8"></script>
        <script src="/public/design/js/jquery.autocomplete.js" type="text/javascript" charset="utf-8"></script>
        <script type="text/javascript" src="/public/javascripts/jquery.form.min.js" ></script>
        <script type="text/javascript" src="/public/javascripts/xjp.js" ></script>
        <script type="text/javascript">
            $(function () {
                /*发布内切换*/
                $(".fzl").click(function () {
                    $(".fb_zl").show();
                    $(".fb_ht").hide();
                    $(this).addClass("underline");
                    $(this).siblings().removeClass("underline");
                });
                $(".fht").click(function () {
                    $(".fb_zl").hide();
                    $(".fb_ht").show();
                    $(this).addClass("underline");
                    $(this).siblings().removeClass("underline");
                });
                //收藏部分切换
                $(".szl").click(function () {
                    $(".sc_zl").show();
                    $(".sc_ht").hide();
                    $(".sc_pl").hide();
                    $(this).addClass("underline");
                    $(this).siblings().removeClass("underline");
                });
                $(".sht").click(function () {
                    $(".sc_zl").hide();
                    $(".sc_ht").show();
                    $(".sc_pl").hide();
                    $(this).addClass("underline");
                    $(this).siblings().removeClass("underline");
                });
                $(".spl").click(function () {
                    $(".sc_zl").hide();
                    $(".sc_ht").hide();
                    $(".sc_pl").show();
                    $(this).addClass("underline");
                    $(this).siblings().removeClass("underline");
                });
                /*关注部分切换*/
                $(".gfl").click(function () {
                    $(".gz_fl").show();
                    $(".gz_zl").hide();
                    $(".gz_ht").hide();

                    $(".gz_rw").hide();
                    $(this).addClass("underline");
                    $(this).siblings().removeClass("underline");
                });
                $(".gzl").click(function () {
                    $(".gz_fl").hide();
                    $(".gz_zl").show();
                    $(".gz_ht").hide();
                    $(".gz_rw").hide();
                    $(this).addClass("underline");
                    $(this).siblings().removeClass("underline");
                });
                $(".ght").click(function () {
                    $(".gz_fl").hide();
                    $(".gz_zl").hide();
                    $(".gz_ht").show();
                    $(".gz_rw").hide();
                    $(this).addClass("underline");
                    $(this).siblings().removeClass("underline");
                });
                $(".grw").click(function () {
                    $(".gz_fl").hide();
                    $(".gz_zl").hide();
                    $(".gz_ht").hide();
                    $(".gz_rw").show();
                    $(this).addClass("underline");
                    $(this).siblings().removeClass("underline");
                });



                $("#content .c_top nav li.zx").click(function () {
                    $(this).addClass("bgColor");
                    $(this).children("span").show();
                    $(this).siblings().removeClass("bgColor");
                    $(this).siblings().children("span").hide();
                    $("#newDT").show();
                    $("#fabu").hide();
                    $("#pingLun").hide();
                });

                $(".fb").click(function () {
                    $(this).addClass("bgColor");
                    $(this).children("span").show();
                    $(this).siblings().removeClass("bgColor");
                    $(this).siblings().children("span").hide();
                    $("#newDT").hide();
                    $("#fabu").show();
                    $("#pingLun").hide();
                });
                $(".pl").click(function () {
                    $(this).addClass("bgColor");
                    $(this).children("span").show();
                    $(this).siblings().removeClass("bgColor");
                    $(this).siblings().children("span").hide();
                    $("#newDT").hide();
                    $("#fabu").hide();
                    $("#pingLun").show();
                });
                $(".sc").click(function () {
                    $(this).addClass("bgColor");
                    $(this).children("span").show();
                    $(this).siblings().removeClass("bgColor");
                    $(this).siblings().children("span").hide();
                    $("#newDT").hide();
                    $("#fabu").hide();
                    $("#pingLun").hide();
                    $("#shouCang").show();
                });
                $(".gz").click(function () {
                    $(this).addClass("bgColor");
                    $(this).children("span").show();
                    $(this).siblings().removeClass("bgColor");
                    $(this).siblings().children("span").hide();
                    $("#newDT").hide();
                    $("#fabu").hide();
                    $("#pingLun").hide();
                    $("#shouCang").hide();
                    $("#guanZhu").show();
                });

                /*$("#content .c_top nav li").hover(function(){
                 $(this).addClass("bgColor");
                 $(this).children("span").show();
                 },function(){
                 $(this).removeClass("bgColor");
                 $(this).children("span").hide();
                 });*/
                $(".btn").click(function () {
                    if ($(this).text().trim() == "关注") {
                        $(this).text("取消关注");
                    } else {
                        $(this).text("关注");
                    }
                });
                $(".userinfo").hover(function () {
                    $(".info").slideDown("fast");
                }, function () {
                    $(".info").slideUp("10");
                });
                $(".jianjie").hover(function () {
                    $(".jianjie img").show();
                }, function () {
                    $(".jianjie img").hide();
                });
                $(".jianjie img").click(function () {
                    /*$(".jianjie").text(" ");*/
                    $(".jianjie .xiugaijianjie").show();

                });
                $(".jianjie .xiugaijianjie").blur(function () {
                    $(".jianjie").text("个人简介：" + $(".jianjie .xiugaijianjie").val());
                    $(".jianjie .xiugaijianjie").hide();
                    $(".jianjie .xiugaijianjie").text("");
                })

            })
        </script>
    </body>
</html>
